<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>提交订单</title>
    <link rel="stylesheet" href="提交订单.css">
    <link rel="stylesheet" href="common.css">
</head>

<body>
    <section class="shortcut">

        <div class="w">
            <!-- 登录注册 -->
            <div class="fl">
                品优购欢迎您！ 请<a href="登录.html" style="color:blue">登录</a>或 &nbsp;
                <a href="注册.html" class="zc" target="_blank">免费注册</a>
            </div>
            <div class="fr">
                <p><a href="">我的订单</a></p>
                <span>|</span>
                <ul>
                    <li>我的品优购<i class="iconfont">&#xe631;</i></li>

                    <li>我的品优购</li>
                    <li>我的品优购</li>
                </ul>
                <span>|</span>
                <p>品优购会员</p>
                <span>|</span>
                <p>企业采购</p>
                <span>|</span>
                <ul>
                    <li>关注品优购<i class="iconfont">&#xe631;</i></li>
                    <li>关注品优购</li>
                    <li>关注品优购</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>客户服务<i class="iconfont">&#xe631;</i></li>
                    <li>客户服务</li>
                    <li>客户服务</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>网站导航<i class="iconfont">&#xe631;</i></li>
                    <li>网站导航</li>
                    <li>网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <div class="head">
        <div class="logo">
            <a href="主页面.html"><img src="images/logo.png" alt=""></a>
            <span>购物车</span>
        </div>
        <div class="search">
            <input type="search" placeholder="自营">
            <button>搜索</button>
        </div>
    </div>
    <p class="xx">填写并核对订单信息</p>
    <div class="body">
        <div class="sjr">
            <div class="top">
                <span>收件人信息</span>
                <span><a href="">新增收货地址</a></span>
            </div>
            <div class="live">
                <span>王某某 北京</span>
                <span>王某某</span>
                <span>河北省邯郸市</span>
                <span>某某区某某乡某某地</span>
                <span>159****6226</span>
            </div>
            <div class="dz">
                <span>更多地址 <i class="iconfont">&#xe631;</i></span>
            </div>
        </div>
        <div class="book">
            <div class="adr">
                <span>匹配自提点</span>
                <span>时代思远书店</span>
                <span>中关村软件9号时代思远书店</span>
            </div>
        </div>
        <div class="pay">
            <p>支付方式</p>
            <div class="type">
                <span>货到付款</span>
                <span>微信付款</span>
                <span>在线支付</span>
                <a href="">更多>></a>
            </div>
        </div>
        <div class="qd">
            <p>送货清单</p>
            <div class="time">
                <p>配送方式：</p>
                <span class="ps">天天快递</span>
                <span>配送时间:预计8月10日（周三）9:00-15:00送达</span>
                <a href="">修改</a>
            </div>
            <div class="phone">
                <p>配送方式：</p>
                <img src="images/Apple.png" alt="">
                <div class="text">
                    <p>Apple苹果Iphone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>7天无理由退货</span>
                </div>
                <div class="price">
                    <span>￥5399</span>
                    <span>×1</span>
                    <span>有货</span>
                </div>
            </div>
        </div>
        <div class="bill">
            <p>发票信息</p>
            <div class="fp">
                <span>普通发票（电子版）</span>
                <span>个人</span>
                <span>明细</span>
                <a href="">修改</a>
            </div>
            <p>使用优惠/抵用 <i class="iconfont">&#xe631;</i></p>
        </div>
    </div>
    <div class="tijiao">
        <div class="jg">
            <p>￥5388.00</p>
            <p>-￥0.00</p>
            <p>￥5388.00</p>
        </div>
        <div class="sp">
            <p>1件商品,总商品金额：</p>
            <p>返现：</p>
            <p>运费：</p>
        </div>   
    </div>
    <div class="bottom">
        <div class="zonge">
            <span>￥5388.00</span>
            <span>应付总额 ：</span>  <br>
            <p>寄送至:石家庄市裕华区裕翔街 河北科技大学8B318 收货人：王大帅哥 159****6226</p>         
        </div>
    </div>
    <div class="submit">
        <a href="">提交订单</a>
    </div>
    <footer>
        <div class="footer">
            <div class="up">
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
            </div>
            <div class="down">
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl class="last">
                    <dt><a href="#">帮助中心</a></dt>
                    <img src="images/二维码.png" alt="">
                    <dd><a href="#">品优购客户端</a></dd>
                </dl>
            </div>
            <div class="btup">
                <p><a href="#">关于我们</a></p>
                <p>|</p>
                <p><a href="#">联系我们</a></p>
                <p>|</p>
                <p><a href="#">联系客服</a></p>
                <p>|</p>
                <p><a href="#">商家入驻</a></p>
                <p>|</p>
                <p><a href="#">营销中心</a></p>
                <p>|</p>
                <p><a href="#">手机品优购</a></p>
                <p>|</p>
                <p><a href="#">友情链接</a></p>
                <p>|</p>
                <p><a href="#">销售联盟</a></p>
                <p>|</p>
                <p><a href="#">品优购社区</a></p>
                <p>|</p>
                <p><a href="#">品优购公益</a></p>
                <p>|</p>
                <p><a href="#">English Site</a></p>
                <p>|</p>
                <p><a href="#">Contact U</a></p>
            </div>
            <div class="btdw">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
                京ICP备08001421号京公网安备110108007702
            </div>
    </footer>
</body>

</html>